<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Font Reference - Untitled font 1 </title>
    <link href="http://fonts.googleapis.com/css?family=Dosis:400,500,700" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="fonts/styles.css">
    <style type="text/css">
      html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}
body{line-height:1;color:#000;background:#fff}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0;vertical-align:middle}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
a img{border:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{font-family:'Dosis','Tahoma',sans-serif}
.container{margin:15px auto;width:80%}
h1{margin:40px 0 20px;font-weight:700;font-size:38px;line-height:32px;color:#fb565e}
h2{font-size:18px;padding:0 0 21px 5px;margin:45px 0 0 0;text-transform:uppercase;font-weight:500}
.small{font-size:14px;color:#a5adb4;}
.small a{color:#a5adb4;}
.small a:hover{color:#fb565e}
.glyphs.character-mapping{margin:0 0 20px 0;padding:20px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;-webkit-border-radius:3px;border-radius:3px;}
.glyphs.character-mapping li{margin:0 30px 20px 0;display:inline-block;width:90px}
.glyphs.character-mapping .icon{margin:10px 0 10px 15px;padding:15px;position:relative;width:55px;height:55px;color:#162a36 !important;overflow:hidden;-webkit-border-radius:3px;border-radius:3px;font-size:32px;}
.glyphs.character-mapping .icon svg{fill:#000}
.glyphs.character-mapping input{margin:0;padding:5px 0;line-height:12px;font-size:12px;display:block;width:100%;border:1px solid #d8e0e5;-webkit-border-radius:5px;border-radius:5px;text-align:center;outline:0;}
.glyphs.character-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}
.glyphs.character-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}
.glyphs.css-mapping{margin:0 0 60px 0;padding:30px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;-webkit-border-radius:3px;border-radius:3px;}
.glyphs.css-mapping li{margin:0 30px 20px 0;padding:0;display:inline-block;overflow:hidden}
.glyphs.css-mapping .icon{margin:0;margin-right:10px;padding:13px;height:50px;width:50px;color:#162a36 !important;overflow:hidden;float:left;font-size:24px}
.glyphs.css-mapping input{margin:0;margin-top:5px;padding:8px;line-height:16px;font-size:16px;display:block;width:150px;height:40px;border:1px solid #d8e0e5;-webkit-border-radius:5px;border-radius:5px;background:#fff;outline:0;float:right;}
.glyphs.css-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}
.glyphs.css-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}

      
    </style>
  </head>
  <body>
    <div class="container">
      <h1>Untitled font 1</h1>
      <p class="small">This font was created with <a href="http://fontastic.me/">Fontastic</a></p>
      <h2>Character mapping</h2>
      <ul class="glyphs character-mapping">
        <li>
          <div data-icon="a" class="icon"></div>
          <input type="text" readonly="readonly" value="a">
        </li>
        <li>
          <div data-icon="b" class="icon"></div>
          <input type="text" readonly="readonly" value="b">
        </li>
        <li>
          <div data-icon="c" class="icon"></div>
          <input type="text" readonly="readonly" value="c">
        </li>
        <li>
          <div data-icon="d" class="icon"></div>
          <input type="text" readonly="readonly" value="d">
        </li>
        <li>
          <div data-icon="e" class="icon"></div>
          <input type="text" readonly="readonly" value="e">
        </li>
        <li>
          <div data-icon="f" class="icon"></div>
          <input type="text" readonly="readonly" value="f">
        </li>
        <li>
          <div data-icon="g" class="icon"></div>
          <input type="text" readonly="readonly" value="g">
        </li>
        <li>
          <div data-icon="k" class="icon"></div>
          <input type="text" readonly="readonly" value="k">
        </li>
        <li>
          <div data-icon="l" class="icon"></div>
          <input type="text" readonly="readonly" value="l">
        </li>
        <li>
          <div data-icon="m" class="icon"></div>
          <input type="text" readonly="readonly" value="m">
        </li>
        <li>
          <div data-icon="n" class="icon"></div>
          <input type="text" readonly="readonly" value="n">
        </li>
        <li>
          <div data-icon="o" class="icon"></div>
          <input type="text" readonly="readonly" value="o">
        </li>
        <li>
          <div data-icon="p" class="icon"></div>
          <input type="text" readonly="readonly" value="p">
        </li>
        <li>
          <div data-icon="q" class="icon"></div>
          <input type="text" readonly="readonly" value="q">
        </li>
        <li>
          <div data-icon="r" class="icon"></div>
          <input type="text" readonly="readonly" value="r">
        </li>
        <li>
          <div data-icon="s" class="icon"></div>
          <input type="text" readonly="readonly" value="s">
        </li>
        <li>
          <div data-icon="t" class="icon"></div>
          <input type="text" readonly="readonly" value="t">
        </li>
        <li>
          <div data-icon="I" class="icon"></div>
          <input type="text" readonly="readonly" value="I">
        </li>
        <li>
          <div data-icon="J" class="icon"></div>
          <input type="text" readonly="readonly" value="J">
        </li>
        <li>
          <div data-icon="K" class="icon"></div>
          <input type="text" readonly="readonly" value="K">
        </li>
        <li>
          <div data-icon="L" class="icon"></div>
          <input type="text" readonly="readonly" value="L">
        </li>
        <li>
          <div data-icon="M" class="icon"></div>
          <input type="text" readonly="readonly" value="M">
        </li>
        <li>
          <div data-icon="N" class="icon"></div>
          <input type="text" readonly="readonly" value="N">
        </li>
        <li>
          <div data-icon="O" class="icon"></div>
          <input type="text" readonly="readonly" value="O">
        </li>
        <li>
          <div data-icon="P" class="icon"></div>
          <input type="text" readonly="readonly" value="P">
        </li>
        <li>
          <div data-icon="Q" class="icon"></div>
          <input type="text" readonly="readonly" value="Q">
        </li>
        <li>
          <div data-icon="S" class="icon"></div>
          <input type="text" readonly="readonly" value="S">
        </li>
        <li>
          <div data-icon="V" class="icon"></div>
          <input type="text" readonly="readonly" value="V">
        </li>
        <li>
          <div data-icon="W" class="icon"></div>
          <input type="text" readonly="readonly" value="W">
        </li>
        <li>
          <div data-icon="X" class="icon"></div>
          <input type="text" readonly="readonly" value="X">
        </li>
        <li>
          <div data-icon="Y" class="icon"></div>
          <input type="text" readonly="readonly" value="Y">
        </li>
        <li>
          <div data-icon="Z" class="icon"></div>
          <input type="text" readonly="readonly" value="Z">
        </li>
        <li>
          <div data-icon="0" class="icon"></div>
          <input type="text" readonly="readonly" value="0">
        </li>
        <li>
          <div data-icon="1" class="icon"></div>
          <input type="text" readonly="readonly" value="1">
        </li>
        <li>
          <div data-icon="4" class="icon"></div>
          <input type="text" readonly="readonly" value="4">
        </li>
        <li>
          <div data-icon="5" class="icon"></div>
          <input type="text" readonly="readonly" value="5">
        </li>
        <li>
          <div data-icon="6" class="icon"></div>
          <input type="text" readonly="readonly" value="6">
        </li>
        <li>
          <div data-icon="7" class="icon"></div>
          <input type="text" readonly="readonly" value="7">
        </li>
        <li>
          <div data-icon="8" class="icon"></div>
          <input type="text" readonly="readonly" value="8">
        </li>
        <li>
          <div data-icon="9" class="icon"></div>
          <input type="text" readonly="readonly" value="9">
        </li>
        <li>
          <div data-icon="!" class="icon"></div>
          <input type="text" readonly="readonly" value="!">
        </li>
        <li>
          <div data-icon="&#34;" class="icon"></div>
          <input type="text" readonly="readonly" value="&quot;">
        </li>
        <li>
          <div data-icon="#" class="icon"></div>
          <input type="text" readonly="readonly" value="#">
        </li>
        <li>
          <div data-icon="$" class="icon"></div>
          <input type="text" readonly="readonly" value="$">
        </li>
        <li>
          <div data-icon="%" class="icon"></div>
          <input type="text" readonly="readonly" value="%">
        </li>
        <li>
          <div data-icon="&" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;">
        </li>
        <li>
          <div data-icon="'" class="icon"></div>
          <input type="text" readonly="readonly" value="&#39;">
        </li>
        <li>
          <div data-icon="(" class="icon"></div>
          <input type="text" readonly="readonly" value="(">
        </li>
        <li>
          <div data-icon=")" class="icon"></div>
          <input type="text" readonly="readonly" value=")">
        </li>
        <li>
          <div data-icon="*" class="icon"></div>
          <input type="text" readonly="readonly" value="*">
        </li>
        <li>
          <div data-icon="+" class="icon"></div>
          <input type="text" readonly="readonly" value="+">
        </li>
        <li>
          <div data-icon="," class="icon"></div>
          <input type="text" readonly="readonly" value=",">
        </li>
        <li>
          <div data-icon="-" class="icon"></div>
          <input type="text" readonly="readonly" value="-">
        </li>
        <li>
          <div data-icon="." class="icon"></div>
          <input type="text" readonly="readonly" value=".">
        </li>
        <li>
          <div data-icon="/" class="icon"></div>
          <input type="text" readonly="readonly" value="/">
        </li>
        <li>
          <div data-icon=":" class="icon"></div>
          <input type="text" readonly="readonly" value=":">
        </li>
        <li>
          <div data-icon=";" class="icon"></div>
          <input type="text" readonly="readonly" value=";">
        </li>
        <li>
          <div data-icon="<" class="icon"></div>
          <input type="text" readonly="readonly" value="&lt;">
        </li>
        <li>
          <div data-icon="=" class="icon"></div>
          <input type="text" readonly="readonly" value="=">
        </li>
        <li>
          <div data-icon="?" class="icon"></div>
          <input type="text" readonly="readonly" value="?">
        </li>
        <li>
          <div data-icon="@" class="icon"></div>
          <input type="text" readonly="readonly" value="@">
        </li>
        <li>
          <div data-icon="[" class="icon"></div>
          <input type="text" readonly="readonly" value="[">
        </li>
        <li>
          <div data-icon="]" class="icon"></div>
          <input type="text" readonly="readonly" value="]">
        </li>
        <li>
          <div data-icon="^" class="icon"></div>
          <input type="text" readonly="readonly" value="^">
        </li>
        <li>
          <div data-icon="_" class="icon"></div>
          <input type="text" readonly="readonly" value="_">
        </li>
        <li>
          <div data-icon="{" class="icon"></div>
          <input type="text" readonly="readonly" value="{">
        </li>
        <li>
          <div data-icon="|" class="icon"></div>
          <input type="text" readonly="readonly" value="|">
        </li>
        <li>
          <div data-icon="&#xe002;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe002;">
        </li>
        <li>
          <div data-icon="&#xe003;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe003;">
        </li>
        <li>
          <div data-icon="&#xe006;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe006;">
        </li>
        <li>
          <div data-icon="&#xe007;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe007;">
        </li>
        <li>
          <div data-icon="&#xe008;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe008;">
        </li>
        <li>
          <div data-icon="&#xe009;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe009;">
        </li>
        <li>
          <div data-icon="&#xe00a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00a;">
        </li>
        <li>
          <div data-icon="&#xe00b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00b;">
        </li>
        <li>
          <div data-icon="&#xe00c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00c;">
        </li>
        <li>
          <div data-icon="&#xe00d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00d;">
        </li>
        <li>
          <div data-icon="&#xe00e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00e;">
        </li>
        <li>
          <div data-icon="&#xe010;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe010;">
        </li>
        <li>
          <div data-icon="&#xe016;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe016;">
        </li>
        <li>
          <div data-icon="&#xe017;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe017;">
        </li>
        <li>
          <div data-icon="&#xe019;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe019;">
        </li>
        <li>
          <div data-icon="&#xe01a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01a;">
        </li>
        <li>
          <div data-icon="&#xe01b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01b;">
        </li>
        <li>
          <div data-icon="&#xe01c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01c;">
        </li>
        <li>
          <div data-icon="&#xe01e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01e;">
        </li>
        <li>
          <div data-icon="&#xe01f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01f;">
        </li>
        <li>
          <div data-icon="&#xe020;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe020;">
        </li>
        <li>
          <div data-icon="&#xe023;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe023;">
        </li>
        <li>
          <div data-icon="&#xe024;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe024;">
        </li>
        <li>
          <div data-icon="&#xe025;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe025;">
        </li>
        <li>
          <div data-icon="&#xe02a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02a;">
        </li>
        <li>
          <div data-icon="&#xe02b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02b;">
        </li>
        <li>
          <div data-icon="&#xe02c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02c;">
        </li>
        <li>
          <div data-icon="&#xe02d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02d;">
        </li>
        <li>
          <div data-icon="&#xe02e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02e;">
        </li>
        <li>
          <div data-icon="&#xe02f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02f;">
        </li>
        <li>
          <div data-icon="&#xe030;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe030;">
        </li>
        <li>
          <div data-icon="&#xe031;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe031;">
        </li>
        <li>
          <div data-icon="&#xe034;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe034;">
        </li>
        <li>
          <div data-icon="&#xe037;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe037;">
        </li>
        <li>
          <div data-icon="&#xe038;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe038;">
        </li>
        <li>
          <div data-icon="&#xe039;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe039;">
        </li>
        <li>
          <div data-icon="&#xe03a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03a;">
        </li>
        <li>
          <div data-icon="&#xe03b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03b;">
        </li>
        <li>
          <div data-icon="&#xe03c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03c;">
        </li>
        <li>
          <div data-icon="&#xe03d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03d;">
        </li>
        <li>
          <div data-icon="&#xe03f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03f;">
        </li>
        <li>
          <div data-icon="&#xe040;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe040;">
        </li>
        <li>
          <div data-icon="&#xe041;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe041;">
        </li>
        <li>
          <div data-icon="&#xe042;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe042;">
        </li>
        <li>
          <div data-icon="&#xe043;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe043;">
        </li>
        <li>
          <div data-icon="&#xe044;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe044;">
        </li>
        <li>
          <div data-icon="&#xe045;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe045;">
        </li>
        <li>
          <div data-icon="&#xe047;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe047;">
        </li>
        <li>
          <div data-icon="&#xe049;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe049;">
        </li>
        <li>
          <div data-icon="&#xe04a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04a;">
        </li>
        <li>
          <div data-icon="&#xe04f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04f;">
        </li>
        <li>
          <div data-icon="&#xe050;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe050;">
        </li>
        <li>
          <div data-icon="&#xe057;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe057;">
        </li>
        <li>
          <div data-icon="&#xe058;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe058;">
        </li>
        <li>
          <div data-icon="&#xe062;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe062;">
        </li>
        <li>
          <div data-icon="&#xe065;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe065;">
        </li>
        <li>
          <div data-icon="&#xe068;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe068;">
        </li>
        <li>
          <div data-icon="&#xe069;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe069;">
        </li>
        <li>
          <div data-icon="&#xe071;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe071;">
        </li>
        <li>
          <div data-icon="&#xe072;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe072;">
        </li>
        <li>
          <div data-icon="&#xe073;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe073;">
        </li>
        <li>
          <div data-icon="&#xe074;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe074;">
        </li>
        <li>
          <div data-icon="&#xe075;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe075;">
        </li>
        <li>
          <div data-icon="&#xe079;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe079;">
        </li>
        <li>
          <div data-icon="&#xe07a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07a;">
        </li>
        <li>
          <div data-icon="&#xe07b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07b;">
        </li>
        <li>
          <div data-icon="&#xe07c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07c;">
        </li>
        <li>
          <div data-icon="&#xe07d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07d;">
        </li>
        <li>
          <div data-icon="&#xe080;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe080;">
        </li>
        <li>
          <div data-icon="&#xe081;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe081;">
        </li>
        <li>
          <div data-icon="&#xe082;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe082;">
        </li>
        <li>
          <div data-icon="&#xe083;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe083;">
        </li>
        <li>
          <div data-icon="&#xe084;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe084;">
        </li>
        <li>
          <div data-icon="&#xe085;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe085;">
        </li>
        <li>
          <div data-icon="&#xe087;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe087;">
        </li>
        <li>
          <div data-icon="&#xe088;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe088;">
        </li>
        <li>
          <div data-icon="&#xe089;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe089;">
        </li>
        <li>
          <div data-icon="&#xe08a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08a;">
        </li>
        <li>
          <div data-icon="&#xe08d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08d;">
        </li>
        <li>
          <div data-icon="&#xe08e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08e;">
        </li>
        <li>
          <div data-icon="&#xe08f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08f;">
        </li>
        <li>
          <div data-icon="&#xe090;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe090;">
        </li>
        <li>
          <div data-icon="&#xe091;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe091;">
        </li>
        <li>
          <div data-icon="&#xe092;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe092;">
        </li>
        <li>
          <div data-icon="&#xe093;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe093;">
        </li>
        <li>
          <div data-icon="&#xe094;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe094;">
        </li>
        <li>
          <div data-icon="&#xe09b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09b;">
        </li>
        <li>
          <div data-icon="&#xe09c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09c;">
        </li>
        <li>
          <div data-icon="&#xe09d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09d;">
        </li>
        <li>
          <div data-icon="&#xe09e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09e;">
        </li>
        <li>
          <div data-icon="&#xe0a2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a2;">
        </li>
        <li>
          <div data-icon="&#xe0a4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a4;">
        </li>
        <li>
          <div data-icon="&#xe0a5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a5;">
        </li>
        <li>
          <div data-icon="&#xe0a6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a6;">
        </li>
        <li>
          <div data-icon="&#xe0a7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a7;">
        </li>
        <li>
          <div data-icon="&#xe0a8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a8;">
        </li>
        <li>
          <div data-icon="&#xe0a9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a9;">
        </li>
        <li>
          <div data-icon="&#xe0aa;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0aa;">
        </li>
        <li>
          <div data-icon="&#xe0ae;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ae;">
        </li>
        <li>
          <div data-icon="&#xe0b1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b1;">
        </li>
        <li>
          <div data-icon="&#xe0b2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b2;">
        </li>
        <li>
          <div data-icon="&#xe0b4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b4;">
        </li>
        <li>
          <div data-icon="&#xe0b5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b5;">
        </li>
        <li>
          <div data-icon="&#xe0b6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b6;">
        </li>
        <li>
          <div data-icon="&#xe0b7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b7;">
        </li>
        <li>
          <div data-icon="&#xe0b8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b8;">
        </li>
        <li>
          <div data-icon="&#xe0b9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b9;">
        </li>
        <li>
          <div data-icon="&#xe0ba;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ba;">
        </li>
        <li>
          <div data-icon="&#xe0bb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0bb;">
        </li>
        <li>
          <div data-icon="&#xe0be;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0be;">
        </li>
        <li>
          <div data-icon="&#xe0bf;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0bf;">
        </li>
        <li>
          <div data-icon="&#xe0c0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c0;">
        </li>
        <li>
          <div data-icon="&#xe0c1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c1;">
        </li>
        <li>
          <div data-icon="&#xe0c2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c2;">
        </li>
        <li>
          <div data-icon="&#xe0c4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c4;">
        </li>
        <li>
          <div data-icon="&#xe0c5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c5;">
        </li>
        <li>
          <div data-icon="&#xe0c6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c6;">
        </li>
        <li>
          <div data-icon="&#xe0c7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c7;">
        </li>
        <li>
          <div data-icon="&#xe0c8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c8;">
        </li>
        <li>
          <div data-icon="&#xe0c9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c9;">
        </li>
        <li>
          <div data-icon="&#xe0ca;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ca;">
        </li>
        <li>
          <div data-icon="&#xe0cd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0cd;">
        </li>
        <li>
          <div data-icon="&#xe0ce;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ce;">
        </li>
        <li>
          <div data-icon="&#xe0cf;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0cf;">
        </li>
        <li>
          <div data-icon="&#xe0d0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d0;">
        </li>
        <li>
          <div data-icon="&#xe0d1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d1;">
        </li>
        <li>
          <div data-icon="&#xe0d2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d2;">
        </li>
        <li>
          <div data-icon="&#xe0d3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d3;">
        </li>
        <li>
          <div data-icon="&#xe0d5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d5;">
        </li>
        <li>
          <div data-icon="&#xe0d6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d6;">
        </li>
        <li>
          <div data-icon="&#xe0d7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d7;">
        </li>
        <li>
          <div data-icon="&#xe0d8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d8;">
        </li>
        <li>
          <div data-icon="&#xe0d9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d9;">
        </li>
        <li>
          <div data-icon="&#xe0da;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0da;">
        </li>
        <li>
          <div data-icon="&#xe0db;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0db;">
        </li>
        <li>
          <div data-icon="&#xe0dc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0dc;">
        </li>
        <li>
          <div data-icon="&#xe0dd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0dd;">
        </li>
        <li>
          <div data-icon="&#xe0de;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0de;">
        </li>
        <li>
          <div data-icon="&#xe0df;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0df;">
        </li>
        <li>
          <div data-icon="&#xe0e0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e0;">
        </li>
        <li>
          <div data-icon="&#xe0e1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e1;">
        </li>
        <li>
          <div data-icon="&#xe0e5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e5;">
        </li>
        <li>
          <div data-icon="&#xe0e6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e6;">
        </li>
        <li>
          <div data-icon="&#xe0e7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e7;">
        </li>
        <li>
          <div data-icon="&#xe0e8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e8;">
        </li>
        <li>
          <div data-icon="&#xe0e9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e9;">
        </li>
        <li>
          <div data-icon="&#xe0ea;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ea;">
        </li>
        <li>
          <div data-icon="&#xe0eb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0eb;">
        </li>
        <li>
          <div data-icon="&#xe0ec;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ec;">
        </li>
        <li>
          <div data-icon="&#xe0ed;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ed;">
        </li>
        <li>
          <div data-icon="&#xe0ee;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ee;">
        </li>
        <li>
          <div data-icon="&#xe0ef;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ef;">
        </li>
        <li>
          <div data-icon="&#xe0f0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f0;">
        </li>
        <li>
          <div data-icon="&#xe0f2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f2;">
        </li>
        <li>
          <div data-icon="&#xe0f3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f3;">
        </li>
        <li>
          <div data-icon="&#xe0f5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f5;">
        </li>
        <li>
          <div data-icon="&#xe0f7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f7;">
        </li>
        <li>
          <div data-icon="&#xe0f8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f8;">
        </li>
        <li>
          <div data-icon="&#xe0fa;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fa;">
        </li>
        <li>
          <div data-icon="&#xe0fc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fc;">
        </li>
        <li>
          <div data-icon="&#xe0fd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fd;">
        </li>
        <li>
          <div data-icon="&#xe0fe;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fe;">
        </li>
        <li>
          <div data-icon="&#xe0ff;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ff;">
        </li>
        <li>
          <div data-icon="&#xe101;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe101;">
        </li>
        <li>
          <div data-icon="&#xe102;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe102;">
        </li>
        <li>
          <div data-icon="&#xe103;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe103;">
        </li>
        <li>
          <div data-icon="&#xe104;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe104;">
        </li>
        <li>
          <div data-icon="&#xe105;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe105;">
        </li>
        <li>
          <div data-icon="&#xe107;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe107;">
        </li>
        <li>
          <div data-icon="&#xe108;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe108;">
        </li>
        <li>
          <div data-icon="&#xe109;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe109;">
        </li>
        <li>
          <div data-icon="&#xe10a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10a;">
        </li>
        <li>
          <div data-icon="&#xe10b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10b;">
        </li>
        <li>
          <div data-icon="&#xe10c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10c;">
        </li>
        <li>
          <div data-icon="&#xe10d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10d;">
        </li>
        <li>
          <div data-icon="&#xe10e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10e;">
        </li>
        <li>
          <div data-icon="&#xe10f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10f;">
        </li>
        <li>
          <div data-icon="&#xe110;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe110;">
        </li>
        <li>
          <div data-icon="&#xe111;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe111;">
        </li>
        <li>
          <div data-icon="&#xe114;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe114;">
        </li>
        <li>
          <div data-icon="&#xe115;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe115;">
        </li>
        <li>
          <div data-icon="&#xe116;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe116;">
        </li>
        <li>
          <div data-icon="&#xe11a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe11a;">
        </li>
        <li>
          <div data-icon="&#xe11b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe11b;">
        </li>
        <li>
          <div data-icon="&#xe11c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe11c;">
        </li>
        <li>
          <div data-icon="&#xe11d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe11d;">
        </li>
        <li>
          <div data-icon="&#xe11e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe11e;">
        </li>
        <li>
          <div data-icon="&#xe121;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe121;">
        </li>
        <li>
          <div data-icon="&#xe122;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe122;">
        </li>
        <li>
          <div data-icon="&#xe123;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe123;">
        </li>
        <li>
          <div data-icon="&#xe124;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe124;">
        </li>
        <li>
          <div data-icon="&#xe125;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe125;">
        </li>
        <li>
          <div data-icon="&#xe127;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe127;">
        </li>
        <li>
          <div data-icon="&#xe128;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe128;">
        </li>
        <li>
          <div data-icon="&#xe129;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe129;">
        </li>
        <li>
          <div data-icon="&#xe12a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe12a;">
        </li>
        <li>
          <div data-icon="&#xe12b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe12b;">
        </li>
        <li>
          <div data-icon="&#xe12e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe12e;">
        </li>
        <li>
          <div data-icon="&#xe130;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe130;">
        </li>
        <li>
          <div data-icon="&#xe131;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe131;">
        </li>
        <li>
          <div data-icon="&#xe133;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe133;">
        </li>
        <li>
          <div data-icon="&#xe134;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe134;">
        </li>
        <li>
          <div data-icon="&#xe138;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe138;">
        </li>
        <li>
          <div data-icon="&#xe139;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe139;">
        </li>
        <li>
          <div data-icon="&#xe13a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe13a;">
        </li>
        <li>
          <div data-icon="&#xe13b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe13b;">
        </li>
        <li>
          <div data-icon="&#xe13e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe13e;">
        </li>
        <li>
          <div data-icon="&#xe13f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe13f;">
        </li>
        <li>
          <div data-icon="&#xe140;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe140;">
        </li>
        <li>
          <div data-icon="&#xe141;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe141;">
        </li>
        <li>
          <div data-icon="&#xe142;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe142;">
        </li>
        <li>
          <div data-icon="&#xe144;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe144;">
        </li>
        <li>
          <div data-icon="&#xe146;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe146;">
        </li>
        <li>
          <div data-icon="&#xe147;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe147;">
        </li>
        <li>
          <div data-icon="&#xe148;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe148;">
        </li>
        <li>
          <div data-icon="&#xe149;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe149;">
        </li>
        <li>
          <div data-icon="&#xe14a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe14a;">
        </li>
        <li>
          <div data-icon="&#xe14b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe14b;">
        </li>
        <li>
          <div data-icon="&#xe14c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe14c;">
        </li>
        <li>
          <div data-icon="&#xe14d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe14d;">
        </li>
        <li>
          <div data-icon="&#xe150;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe150;">
        </li>
        <li>
          <div data-icon="&#xe151;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe151;">
        </li>
        <li>
          <div data-icon="&#xe152;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe152;">
        </li>
        <li>
          <div data-icon="&#xe153;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe153;">
        </li>
        <li>
          <div data-icon="&#xe155;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe155;">
        </li>
        <li>
          <div data-icon="&#xe156;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe156;">
        </li>
        <li>
          <div data-icon="&#xe157;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe157;">
        </li>
        <li>
          <div data-icon="&#xe158;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe158;">
        </li>
        <li>
          <div data-icon="&#xe159;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe159;">
        </li>
        <li>
          <div data-icon="&#xe15a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe15a;">
        </li>
        <li>
          <div data-icon="&#xe15b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe15b;">
        </li>
        <li>
          <div data-icon="&#xe15d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe15d;">
        </li>
        <li>
          <div data-icon="&#xe15f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe15f;">
        </li>
        <li>
          <div data-icon="&#xe160;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe160;">
        </li>
        <li>
          <div data-icon="&#xe161;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe161;">
        </li>
        <li>
          <div data-icon="&#xe162;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe162;">
        </li>
        <li>
          <div data-icon="&#xe163;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe163;">
        </li>
        <li>
          <div data-icon="&#xe164;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe164;">
        </li>
        <li>
          <div data-icon="j" class="icon"></div>
          <input type="text" readonly="readonly" value="j">
        </li>
        <li>
          <div data-icon="u" class="icon"></div>
          <input type="text" readonly="readonly" value="u">
        </li>
      </ul>
      <h2>CSS mapping</h2>
      <ul class="glyphs css-mapping">
        <li>
          <div class="icon icon-accessibility"></div>
          <input type="text" readonly="readonly" value="accessibility">
        </li>
        <li>
          <div class="icon icon-address-book"></div>
          <input type="text" readonly="readonly" value="address-book">
        </li>
        <li>
          <div class="icon icon-aid"></div>
          <input type="text" readonly="readonly" value="aid">
        </li>
        <li>
          <div class="icon icon-airplane"></div>
          <input type="text" readonly="readonly" value="airplane">
        </li>
        <li>
          <div class="icon icon-alarm"></div>
          <input type="text" readonly="readonly" value="alarm">
        </li>
        <li>
          <div class="icon icon-alarm2"></div>
          <input type="text" readonly="readonly" value="alarm2">
        </li>
        <li>
          <div class="icon icon-android"></div>
          <input type="text" readonly="readonly" value="android">
        </li>
        <li>
          <div class="icon icon-arrow-down"></div>
          <input type="text" readonly="readonly" value="arrow-down">
        </li>
        <li>
          <div class="icon icon-arrow-down2"></div>
          <input type="text" readonly="readonly" value="arrow-down2">
        </li>
        <li>
          <div class="icon icon-arrow-down3"></div>
          <input type="text" readonly="readonly" value="arrow-down3">
        </li>
        <li>
          <div class="icon icon-arrow-up"></div>
          <input type="text" readonly="readonly" value="arrow-up">
        </li>
        <li>
          <div class="icon icon-arrow-right2"></div>
          <input type="text" readonly="readonly" value="arrow-right2">
        </li>
        <li>
          <div class="icon icon-arrow-right3"></div>
          <input type="text" readonly="readonly" value="arrow-right3">
        </li>
        <li>
          <div class="icon icon-arrow-right"></div>
          <input type="text" readonly="readonly" value="arrow-right">
        </li>
        <li>
          <div class="icon icon-arrow-left3"></div>
          <input type="text" readonly="readonly" value="arrow-left3">
        </li>
        <li>
          <div class="icon icon-arrow-left"></div>
          <input type="text" readonly="readonly" value="arrow-left">
        </li>
        <li>
          <div class="icon icon-arrow-left2"></div>
          <input type="text" readonly="readonly" value="arrow-left2">
        </li>
        <li>
          <div class="icon icon-attachment"></div>
          <input type="text" readonly="readonly" value="attachment">
        </li>
        <li>
          <div class="icon icon-backward"></div>
          <input type="text" readonly="readonly" value="backward">
        </li>
        <li>
          <div class="icon icon-backward2"></div>
          <input type="text" readonly="readonly" value="backward2">
        </li>
        <li>
          <div class="icon icon-barcode"></div>
          <input type="text" readonly="readonly" value="barcode">
        </li>
        <li>
          <div class="icon icon-bars"></div>
          <input type="text" readonly="readonly" value="bars">
        </li>
        <li>
          <div class="icon icon-box-add"></div>
          <input type="text" readonly="readonly" value="box-add">
        </li>
        <li>
          <div class="icon icon-books"></div>
          <input type="text" readonly="readonly" value="books">
        </li>
        <li>
          <div class="icon icon-bookmarks"></div>
          <input type="text" readonly="readonly" value="bookmarks">
        </li>
        <li>
          <div class="icon icon-bookmark"></div>
          <input type="text" readonly="readonly" value="bookmark">
        </li>
        <li>
          <div class="icon icon-book"></div>
          <input type="text" readonly="readonly" value="book">
        </li>
        <li>
          <div class="icon icon-blog"></div>
          <input type="text" readonly="readonly" value="blog">
        </li>
        <li>
          <div class="icon icon-blocked"></div>
          <input type="text" readonly="readonly" value="blocked">
        </li>
        <li>
          <div class="icon icon-binoculars"></div>
          <input type="text" readonly="readonly" value="binoculars">
        </li>
        <li>
          <div class="icon icon-bell"></div>
          <input type="text" readonly="readonly" value="bell">
        </li>
        <li>
          <div class="icon icon-bars2"></div>
          <input type="text" readonly="readonly" value="bars2">
        </li>
        <li>
          <div class="icon icon-box-remove"></div>
          <input type="text" readonly="readonly" value="box-remove">
        </li>
        <li>
          <div class="icon icon-briefcase"></div>
          <input type="text" readonly="readonly" value="briefcase">
        </li>
        <li>
          <div class="icon icon-bubble"></div>
          <input type="text" readonly="readonly" value="bubble">
        </li>
        <li>
          <div class="icon icon-bubble2"></div>
          <input type="text" readonly="readonly" value="bubble2">
        </li>
        <li>
          <div class="icon icon-bubbles"></div>
          <input type="text" readonly="readonly" value="bubbles">
        </li>
        <li>
          <div class="icon icon-bubbles2"></div>
          <input type="text" readonly="readonly" value="bubbles2">
        </li>
        <li>
          <div class="icon icon-bubbles3"></div>
          <input type="text" readonly="readonly" value="bubbles3">
        </li>
        <li>
          <div class="icon icon-bubbles4"></div>
          <input type="text" readonly="readonly" value="bubbles4">
        </li>
        <li>
          <div class="icon icon-bug"></div>
          <input type="text" readonly="readonly" value="bug">
        </li>
        <li>
          <div class="icon icon-bullhorn"></div>
          <input type="text" readonly="readonly" value="bullhorn">
        </li>
        <li>
          <div class="icon icon-busy"></div>
          <input type="text" readonly="readonly" value="busy">
        </li>
        <li>
          <div class="icon icon-checkbox-unchecked"></div>
          <input type="text" readonly="readonly" value="checkbox-unchecked">
        </li>
        <li>
          <div class="icon icon-checkbox-partial"></div>
          <input type="text" readonly="readonly" value="checkbox-partial">
        </li>
        <li>
          <div class="icon icon-checkbox-checked"></div>
          <input type="text" readonly="readonly" value="checkbox-checked">
        </li>
        <li>
          <div class="icon icon-cart3"></div>
          <input type="text" readonly="readonly" value="cart3">
        </li>
        <li>
          <div class="icon icon-cart2"></div>
          <input type="text" readonly="readonly" value="cart2">
        </li>
        <li>
          <div class="icon icon-cart"></div>
          <input type="text" readonly="readonly" value="cart">
        </li>
        <li>
          <div class="icon icon-cancel-circle"></div>
          <input type="text" readonly="readonly" value="cancel-circle">
        </li>
        <li>
          <div class="icon icon-camera2"></div>
          <input type="text" readonly="readonly" value="camera2">
        </li>
        <li>
          <div class="icon icon-camera"></div>
          <input type="text" readonly="readonly" value="camera">
        </li>
        <li>
          <div class="icon icon-calendar2"></div>
          <input type="text" readonly="readonly" value="calendar2">
        </li>
        <li>
          <div class="icon icon-calendar"></div>
          <input type="text" readonly="readonly" value="calendar">
        </li>
        <li>
          <div class="icon icon-calculate"></div>
          <input type="text" readonly="readonly" value="calculate">
        </li>
        <li>
          <div class="icon icon-cabinet"></div>
          <input type="text" readonly="readonly" value="cabinet">
        </li>
        <li>
          <div class="icon icon-checkmark"></div>
          <input type="text" readonly="readonly" value="checkmark">
        </li>
        <li>
          <div class="icon icon-checkmark2"></div>
          <input type="text" readonly="readonly" value="checkmark2">
        </li>
        <li>
          <div class="icon icon-checkmark-circle"></div>
          <input type="text" readonly="readonly" value="checkmark-circle">
        </li>
        <li>
          <div class="icon icon-clock"></div>
          <input type="text" readonly="readonly" value="clock">
        </li>
        <li>
          <div class="icon icon-clock2"></div>
          <input type="text" readonly="readonly" value="clock2">
        </li>
        <li>
          <div class="icon icon-close"></div>
          <input type="text" readonly="readonly" value="close">
        </li>
        <li>
          <div class="icon icon-cloud"></div>
          <input type="text" readonly="readonly" value="cloud">
        </li>
        <li>
          <div class="icon icon-cloud-download"></div>
          <input type="text" readonly="readonly" value="cloud-download">
        </li>
        <li>
          <div class="icon icon-cloud-upload"></div>
          <input type="text" readonly="readonly" value="cloud-upload">
        </li>
        <li>
          <div class="icon icon-code"></div>
          <input type="text" readonly="readonly" value="code">
        </li>
        <li>
          <div class="icon icon-cog"></div>
          <input type="text" readonly="readonly" value="cog">
        </li>
        <li>
          <div class="icon icon-console"></div>
          <input type="text" readonly="readonly" value="console">
        </li>
        <li>
          <div class="icon icon-connection"></div>
          <input type="text" readonly="readonly" value="connection">
        </li>
        <li>
          <div class="icon icon-compass"></div>
          <input type="text" readonly="readonly" value="compass">
        </li>
        <li>
          <div class="icon icon-coin"></div>
          <input type="text" readonly="readonly" value="coin">
        </li>
        <li>
          <div class="icon icon-cogs"></div>
          <input type="text" readonly="readonly" value="cogs">
        </li>
        <li>
          <div class="icon icon-cog2"></div>
          <input type="text" readonly="readonly" value="cog2">
        </li>
        <li>
          <div class="icon icon-copy"></div>
          <input type="text" readonly="readonly" value="copy">
        </li>
        <li>
          <div class="icon icon-copy2"></div>
          <input type="text" readonly="readonly" value="copy2">
        </li>
        <li>
          <div class="icon icon-copy3"></div>
          <input type="text" readonly="readonly" value="copy3">
        </li>
        <li>
          <div class="icon icon-credit"></div>
          <input type="text" readonly="readonly" value="credit">
        </li>
        <li>
          <div class="icon icon-crop"></div>
          <input type="text" readonly="readonly" value="crop">
        </li>
        <li>
          <div class="icon icon-dashboard"></div>
          <input type="text" readonly="readonly" value="dashboard">
        </li>
        <li>
          <div class="icon icon-disk"></div>
          <input type="text" readonly="readonly" value="disk">
        </li>
        <li>
          <div class="icon icon-embed"></div>
          <input type="text" readonly="readonly" value="embed">
        </li>
        <li>
          <div class="icon icon-file-pdf"></div>
          <input type="text" readonly="readonly" value="file-pdf">
        </li>
        <li>
          <div class="icon icon-flattr"></div>
          <input type="text" readonly="readonly" value="flattr">
        </li>
        <li>
          <div class="icon icon-flag"></div>
          <input type="text" readonly="readonly" value="flag">
        </li>
        <li>
          <div class="icon icon-file-openoffice"></div>
          <input type="text" readonly="readonly" value="file-openoffice">
        </li>
        <li>
          <div class="icon icon-eject"></div>
          <input type="text" readonly="readonly" value="eject">
        </li>
        <li>
          <div class="icon icon-earth"></div>
          <input type="text" readonly="readonly" value="earth">
        </li>
        <li>
          <div class="icon icon-droplet"></div>
          <input type="text" readonly="readonly" value="droplet">
        </li>
        <li>
          <div class="icon icon-file-excel"></div>
          <input type="text" readonly="readonly" value="file-excel">
        </li>
        <li>
          <div class="icon icon-file-css"></div>
          <input type="text" readonly="readonly" value="file-css">
        </li>
        <li>
          <div class="icon icon-file4"></div>
          <input type="text" readonly="readonly" value="file4">
        </li>
        <li>
          <div class="icon icon-drawer3"></div>
          <input type="text" readonly="readonly" value="drawer3">
        </li>
        <li>
          <div class="icon icon-drawer"></div>
          <input type="text" readonly="readonly" value="drawer">
        </li>
        <li>
          <div class="icon icon-download3"></div>
          <input type="text" readonly="readonly" value="download3">
        </li>
        <li>
          <div class="icon icon-download2"></div>
          <input type="text" readonly="readonly" value="download2">
        </li>
        <li>
          <div class="icon icon-download"></div>
          <input type="text" readonly="readonly" value="download">
        </li>
        <li>
          <div class="icon icon-enter"></div>
          <input type="text" readonly="readonly" value="enter">
        </li>
        <li>
          <div class="icon icon-envelop"></div>
          <input type="text" readonly="readonly" value="envelop">
        </li>
        <li>
          <div class="icon icon-equalizer"></div>
          <input type="text" readonly="readonly" value="equalizer">
        </li>
        <li>
          <div class="icon icon-exit"></div>
          <input type="text" readonly="readonly" value="exit">
        </li>
        <li>
          <div class="icon icon-file2"></div>
          <input type="text" readonly="readonly" value="file2">
        </li>
        <li>
          <div class="icon icon-file3"></div>
          <input type="text" readonly="readonly" value="file3">
        </li>
        <li>
          <div class="icon icon-file"></div>
          <input type="text" readonly="readonly" value="file">
        </li>
        <li>
          <div class="icon icon-feed4"></div>
          <input type="text" readonly="readonly" value="feed4">
        </li>
        <li>
          <div class="icon icon-feed3"></div>
          <input type="text" readonly="readonly" value="feed3">
        </li>
        <li>
          <div class="icon icon-feed2"></div>
          <input type="text" readonly="readonly" value="feed2">
        </li>
        <li>
          <div class="icon icon-feed"></div>
          <input type="text" readonly="readonly" value="feed">
        </li>
        <li>
          <div class="icon icon-file-powerpoint"></div>
          <input type="text" readonly="readonly" value="file-powerpoint">
        </li>
        <li>
          <div class="icon icon-file-word"></div>
          <input type="text" readonly="readonly" value="file-word">
        </li>
        <li>
          <div class="icon icon-file-xml"></div>
          <input type="text" readonly="readonly" value="file-xml">
        </li>
        <li>
          <div class="icon icon-file-zip"></div>
          <input type="text" readonly="readonly" value="file-zip">
        </li>
        <li>
          <div class="icon icon-film"></div>
          <input type="text" readonly="readonly" value="film">
        </li>
        <li>
          <div class="icon icon-filter"></div>
          <input type="text" readonly="readonly" value="filter">
        </li>
        <li>
          <div class="icon icon-filter2"></div>
          <input type="text" readonly="readonly" value="filter2">
        </li>
        <li>
          <div class="icon icon-fire"></div>
          <input type="text" readonly="readonly" value="fire">
        </li>
        <li>
          <div class="icon icon-first"></div>
          <input type="text" readonly="readonly" value="first">
        </li>
        <li>
          <div class="icon icon-forward"></div>
          <input type="text" readonly="readonly" value="forward">
        </li>
        <li>
          <div class="icon icon-folder-open"></div>
          <input type="text" readonly="readonly" value="folder-open">
        </li>
        <li>
          <div class="icon icon-folder"></div>
          <input type="text" readonly="readonly" value="folder">
        </li>
        <li>
          <div class="icon icon-forward2"></div>
          <input type="text" readonly="readonly" value="forward2">
        </li>
        <li>
          <div class="icon icon-forward3"></div>
          <input type="text" readonly="readonly" value="forward3">
        </li>
        <li>
          <div class="icon icon-globe"></div>
          <input type="text" readonly="readonly" value="globe">
        </li>
        <li>
          <div class="icon icon-headphones"></div>
          <input type="text" readonly="readonly" value="headphones">
        </li>
        <li>
          <div class="icon icon-hammer2"></div>
          <input type="text" readonly="readonly" value="hammer2">
        </li>
        <li>
          <div class="icon icon-hammer"></div>
          <input type="text" readonly="readonly" value="hammer">
        </li>
        <li>
          <div class="icon icon-zoom-out"></div>
          <input type="text" readonly="readonly" value="zoom-out">
        </li>
        <li>
          <div class="icon icon-zoom-in"></div>
          <input type="text" readonly="readonly" value="zoom-in">
        </li>
        <li>
          <div class="icon icon-youtube2"></div>
          <input type="text" readonly="readonly" value="youtube2">
        </li>
        <li>
          <div class="icon icon-youtube"></div>
          <input type="text" readonly="readonly" value="youtube">
        </li>
        <li>
          <div class="icon icon-yelp"></div>
          <input type="text" readonly="readonly" value="yelp">
        </li>
        <li>
          <div class="icon icon-wrench"></div>
          <input type="text" readonly="readonly" value="wrench">
        </li>
        <li>
          <div class="icon icon-volume-medium"></div>
          <input type="text" readonly="readonly" value="volume-medium">
        </li>
        <li>
          <div class="icon icon-volume-mute"></div>
          <input type="text" readonly="readonly" value="volume-mute">
        </li>
        <li>
          <div class="icon icon-user2"></div>
          <input type="text" readonly="readonly" value="user2">
        </li>
        <li>
          <div class="icon icon-user"></div>
          <input type="text" readonly="readonly" value="user">
        </li>
        <li>
          <div class="icon icon-target"></div>
          <input type="text" readonly="readonly" value="target">
        </li>
        <li>
          <div class="icon icon-tags"></div>
          <input type="text" readonly="readonly" value="tags">
        </li>
        <li>
          <div class="icon icon-stop2"></div>
          <input type="text" readonly="readonly" value="stop2">
        </li>
        <li>
          <div class="icon icon-stopwatch"></div>
          <input type="text" readonly="readonly" value="stopwatch">
        </li>
        <li>
          <div class="icon icon-storage"></div>
          <input type="text" readonly="readonly" value="storage">
        </li>
        <li>
          <div class="icon icon-strikethrough"></div>
          <input type="text" readonly="readonly" value="strikethrough">
        </li>
        <li>
          <div class="icon icon-thumbs-up"></div>
          <input type="text" readonly="readonly" value="thumbs-up">
        </li>
        <li>
          <div class="icon icon-text-width"></div>
          <input type="text" readonly="readonly" value="text-width">
        </li>
        <li>
          <div class="icon icon-text-height"></div>
          <input type="text" readonly="readonly" value="text-height">
        </li>
        <li>
          <div class="icon icon-tv"></div>
          <input type="text" readonly="readonly" value="tv">
        </li>
        <li>
          <div class="icon icon-users"></div>
          <input type="text" readonly="readonly" value="users">
        </li>
        <li>
          <div class="icon icon-user4"></div>
          <input type="text" readonly="readonly" value="user4">
        </li>
        <li>
          <div class="icon icon-user3"></div>
          <input type="text" readonly="readonly" value="user3">
        </li>
        <li>
          <div class="icon icon-volume-mute2"></div>
          <input type="text" readonly="readonly" value="volume-mute2">
        </li>
        <li>
          <div class="icon icon-wand"></div>
          <input type="text" readonly="readonly" value="wand">
        </li>
        <li>
          <div class="icon icon-warning"></div>
          <input type="text" readonly="readonly" value="warning">
        </li>
        <li>
          <div class="icon icon-windows"></div>
          <input type="text" readonly="readonly" value="windows">
        </li>
        <li>
          <div class="icon icon-windows8"></div>
          <input type="text" readonly="readonly" value="windows8">
        </li>
        <li>
          <div class="icon icon-volume-low"></div>
          <input type="text" readonly="readonly" value="volume-low">
        </li>
        <li>
          <div class="icon icon-volume-increase"></div>
          <input type="text" readonly="readonly" value="volume-increase">
        </li>
        <li>
          <div class="icon icon-volume-high"></div>
          <input type="text" readonly="readonly" value="volume-high">
        </li>
        <li>
          <div class="icon icon-volume-decrease"></div>
          <input type="text" readonly="readonly" value="volume-decrease">
        </li>
        <li>
          <div class="icon icon-users2"></div>
          <input type="text" readonly="readonly" value="users2">
        </li>
        <li>
          <div class="icon icon-underline"></div>
          <input type="text" readonly="readonly" value="underline">
        </li>
        <li>
          <div class="icon icon-undo"></div>
          <input type="text" readonly="readonly" value="undo">
        </li>
        <li>
          <div class="icon icon-unlocked"></div>
          <input type="text" readonly="readonly" value="unlocked">
        </li>
        <li>
          <div class="icon icon-undo2"></div>
          <input type="text" readonly="readonly" value="undo2">
        </li>
        <li>
          <div class="icon icon-upload"></div>
          <input type="text" readonly="readonly" value="upload">
        </li>
        <li>
          <div class="icon icon-upload2"></div>
          <input type="text" readonly="readonly" value="upload2">
        </li>
        <li>
          <div class="icon icon-upload3"></div>
          <input type="text" readonly="readonly" value="upload3">
        </li>
        <li>
          <div class="icon icon-tree"></div>
          <input type="text" readonly="readonly" value="tree">
        </li>
        <li>
          <div class="icon icon-ticket"></div>
          <input type="text" readonly="readonly" value="ticket">
        </li>
        <li>
          <div class="icon icon-thumbs-up2"></div>
          <input type="text" readonly="readonly" value="thumbs-up2">
        </li>
        <li>
          <div class="icon icon-support"></div>
          <input type="text" readonly="readonly" value="support">
        </li>
        <li>
          <div class="icon icon-switch"></div>
          <input type="text" readonly="readonly" value="switch">
        </li>
        <li>
          <div class="icon icon-tab"></div>
          <input type="text" readonly="readonly" value="tab">
        </li>
        <li>
          <div class="icon icon-table"></div>
          <input type="text" readonly="readonly" value="table">
        </li>
        <li>
          <div class="icon icon-table2"></div>
          <input type="text" readonly="readonly" value="table2">
        </li>
        <li>
          <div class="icon icon-tablet"></div>
          <input type="text" readonly="readonly" value="tablet">
        </li>
        <li>
          <div class="icon icon-tag"></div>
          <input type="text" readonly="readonly" value="tag">
        </li>
        <li>
          <div class="icon icon-stop"></div>
          <input type="text" readonly="readonly" value="stop">
        </li>
        <li>
          <div class="icon icon-stats"></div>
          <input type="text" readonly="readonly" value="stats">
        </li>
        <li>
          <div class="icon icon-star3"></div>
          <input type="text" readonly="readonly" value="star3">
        </li>
        <li>
          <div class="icon icon-star2"></div>
          <input type="text" readonly="readonly" value="star2">
        </li>
        <li>
          <div class="icon icon-star"></div>
          <input type="text" readonly="readonly" value="star">
        </li>
        <li>
          <div class="icon icon-stack"></div>
          <input type="text" readonly="readonly" value="stack">
        </li>
        <li>
          <div class="icon icon-spinner6"></div>
          <input type="text" readonly="readonly" value="spinner6">
        </li>
        <li>
          <div class="icon icon-spinner5"></div>
          <input type="text" readonly="readonly" value="spinner5">
        </li>
        <li>
          <div class="icon icon-spinner4"></div>
          <input type="text" readonly="readonly" value="spinner4">
        </li>
        <li>
          <div class="icon icon-spinner3"></div>
          <input type="text" readonly="readonly" value="spinner3">
        </li>
        <li>
          <div class="icon icon-shuffle"></div>
          <input type="text" readonly="readonly" value="shuffle">
        </li>
        <li>
          <div class="icon icon-sigma"></div>
          <input type="text" readonly="readonly" value="sigma">
        </li>
        <li>
          <div class="icon icon-signup"></div>
          <input type="text" readonly="readonly" value="signup">
        </li>
        <li>
          <div class="icon icon-road"></div>
          <input type="text" readonly="readonly" value="road">
        </li>
        <li>
          <div class="icon icon-qrcode"></div>
          <input type="text" readonly="readonly" value="qrcode">
        </li>
        <li>
          <div class="icon icon-question"></div>
          <input type="text" readonly="readonly" value="question">
        </li>
        <li>
          <div class="icon icon-quill"></div>
          <input type="text" readonly="readonly" value="quill">
        </li>
        <li>
          <div class="icon icon-plus"></div>
          <input type="text" readonly="readonly" value="plus">
        </li>
        <li>
          <div class="icon icon-play3"></div>
          <input type="text" readonly="readonly" value="play3">
        </li>
        <li>
          <div class="icon icon-play2"></div>
          <input type="text" readonly="readonly" value="play2">
        </li>
        <li>
          <div class="icon icon-pen"></div>
          <input type="text" readonly="readonly" value="pen">
        </li>
        <li>
          <div class="icon icon-pencil"></div>
          <input type="text" readonly="readonly" value="pencil">
        </li>
        <li>
          <div class="icon icon-paragraph-left2"></div>
          <input type="text" readonly="readonly" value="paragraph-left2">
        </li>
        <li>
          <div class="icon icon-paragraph-justify2"></div>
          <input type="text" readonly="readonly" value="paragraph-justify2">
        </li>
        <li>
          <div class="icon icon-newspaper"></div>
          <input type="text" readonly="readonly" value="newspaper">
        </li>
        <li>
          <div class="icon icon-next"></div>
          <input type="text" readonly="readonly" value="next">
        </li>
        <li>
          <div class="icon icon-notebook"></div>
          <input type="text" readonly="readonly" value="notebook">
        </li>
        <li>
          <div class="icon icon-paragraph-left"></div>
          <input type="text" readonly="readonly" value="paragraph-left">
        </li>
        <li>
          <div class="icon icon-notification"></div>
          <input type="text" readonly="readonly" value="notification">
        </li>
        <li>
          <div class="icon icon-paragraph-right"></div>
          <input type="text" readonly="readonly" value="paragraph-right">
        </li>
        <li>
          <div class="icon icon-pencil2"></div>
          <input type="text" readonly="readonly" value="pencil2">
        </li>
        <li>
          <div class="icon icon-podcast"></div>
          <input type="text" readonly="readonly" value="podcast">
        </li>
        <li>
          <div class="icon icon-quotes-left"></div>
          <input type="text" readonly="readonly" value="quotes-left">
        </li>
        <li>
          <div class="icon icon-safari"></div>
          <input type="text" readonly="readonly" value="safari">
        </li>
        <li>
          <div class="icon icon-radio-checked"></div>
          <input type="text" readonly="readonly" value="radio-checked">
        </li>
        <li>
          <div class="icon icon-point-down"></div>
          <input type="text" readonly="readonly" value="point-down">
        </li>
        <li>
          <div class="icon icon-phone"></div>
          <input type="text" readonly="readonly" value="phone">
        </li>
        <li>
          <div class="icon icon-paragraph-right2"></div>
          <input type="text" readonly="readonly" value="paragraph-right2">
        </li>
        <li>
          <div class="icon icon-numbered-list"></div>
          <input type="text" readonly="readonly" value="numbered-list">
        </li>
        <li>
          <div class="icon icon-office"></div>
          <input type="text" readonly="readonly" value="office">
        </li>
        <li>
          <div class="icon icon-paste"></div>
          <input type="text" readonly="readonly" value="paste">
        </li>
        <li>
          <div class="icon icon-phone-hang-up"></div>
          <input type="text" readonly="readonly" value="phone-hang-up">
        </li>
        <li>
          <div class="icon icon-point-left"></div>
          <input type="text" readonly="readonly" value="point-left">
        </li>
        <li>
          <div class="icon icon-radio-unchecked"></div>
          <input type="text" readonly="readonly" value="radio-unchecked">
        </li>
        <li>
          <div class="icon icon-scissors"></div>
          <input type="text" readonly="readonly" value="scissors">
        </li>
        <li>
          <div class="icon icon-soundcloud"></div>
          <input type="text" readonly="readonly" value="soundcloud">
        </li>
        <li>
          <div class="icon icon-screen"></div>
          <input type="text" readonly="readonly" value="screen">
        </li>
        <li>
          <div class="icon icon-point-right"></div>
          <input type="text" readonly="readonly" value="point-right">
        </li>
        <li>
          <div class="icon icon-paste2"></div>
          <input type="text" readonly="readonly" value="paste2">
        </li>
        <li>
          <div class="icon icon-omega"></div>
          <input type="text" readonly="readonly" value="omega">
        </li>
        <li>
          <div class="icon icon-paste3"></div>
          <input type="text" readonly="readonly" value="paste3">
        </li>
        <li>
          <div class="icon icon-point-up"></div>
          <input type="text" readonly="readonly" value="point-up">
        </li>
        <li>
          <div class="icon icon-redo"></div>
          <input type="text" readonly="readonly" value="redo">
        </li>
        <li>
          <div class="icon icon-search"></div>
          <input type="text" readonly="readonly" value="search">
        </li>
        <li>
          <div class="icon icon-soundcloud2"></div>
          <input type="text" readonly="readonly" value="soundcloud2">
        </li>
        <li>
          <div class="icon icon-settings"></div>
          <input type="text" readonly="readonly" value="settings">
        </li>
        <li>
          <div class="icon icon-redo2"></div>
          <input type="text" readonly="readonly" value="redo2">
        </li>
        <li>
          <div class="icon icon-power-cord"></div>
          <input type="text" readonly="readonly" value="power-cord">
        </li>
        <li>
          <div class="icon icon-pie"></div>
          <input type="text" readonly="readonly" value="pie">
        </li>
        <li>
          <div class="icon icon-pause"></div>
          <input type="text" readonly="readonly" value="pause">
        </li>
        <li>
          <div class="icon icon-paint-format"></div>
          <input type="text" readonly="readonly" value="paint-format">
        </li>
        <li>
          <div class="icon icon-pause2"></div>
          <input type="text" readonly="readonly" value="pause2">
        </li>
        <li>
          <div class="icon icon-pilcrow"></div>
          <input type="text" readonly="readonly" value="pilcrow">
        </li>
        <li>
          <div class="icon icon-previous"></div>
          <input type="text" readonly="readonly" value="previous">
        </li>
        <li>
          <div class="icon icon-remove"></div>
          <input type="text" readonly="readonly" value="remove">
        </li>
        <li>
          <div class="icon icon-share"></div>
          <input type="text" readonly="readonly" value="share">
        </li>
        <li>
          <div class="icon icon-spam"></div>
          <input type="text" readonly="readonly" value="spam">
        </li>
        <li>
          <div class="icon icon-spell-check"></div>
          <input type="text" readonly="readonly" value="spell-check">
        </li>
        <li>
          <div class="icon icon-shield"></div>
          <input type="text" readonly="readonly" value="shield">
        </li>
        <li>
          <div class="icon icon-remove2"></div>
          <input type="text" readonly="readonly" value="remove2">
        </li>
        <li>
          <div class="icon icon-print"></div>
          <input type="text" readonly="readonly" value="print">
        </li>
        <li>
          <div class="icon icon-paragraph-center"></div>
          <input type="text" readonly="readonly" value="paragraph-center">
        </li>
        <li>
          <div class="icon icon-paragraph-center2"></div>
          <input type="text" readonly="readonly" value="paragraph-center2">
        </li>
        <li>
          <div class="icon icon-paragraph-justify"></div>
          <input type="text" readonly="readonly" value="paragraph-justify">
        </li>
        <li>
          <div class="icon icon-play"></div>
          <input type="text" readonly="readonly" value="play">
        </li>
        <li>
          <div class="icon icon-pushpin"></div>
          <input type="text" readonly="readonly" value="pushpin">
        </li>
        <li>
          <div class="icon icon-profile"></div>
          <input type="text" readonly="readonly" value="profile">
        </li>
        <li>
          <div class="icon icon-reply"></div>
          <input type="text" readonly="readonly" value="reply">
        </li>
        <li>
          <div class="icon icon-right-to-left"></div>
          <input type="text" readonly="readonly" value="right-to-left">
        </li>
        <li>
          <div class="icon icon-spinner"></div>
          <input type="text" readonly="readonly" value="spinner">
        </li>
        <li>
          <div class="icon icon-spinner2"></div>
          <input type="text" readonly="readonly" value="spinner2">
        </li>
        <li>
          <div class="icon icon-new-tab"></div>
          <input type="text" readonly="readonly" value="new-tab">
        </li>
        <li>
          <div class="icon icon-map"></div>
          <input type="text" readonly="readonly" value="map">
        </li>
        <li>
          <div class="icon icon-list2"></div>
          <input type="text" readonly="readonly" value="list2">
        </li>
        <li>
          <div class="icon icon-images"></div>
          <input type="text" readonly="readonly" value="images">
        </li>
        <li>
          <div class="icon icon-image2"></div>
          <input type="text" readonly="readonly" value="image2">
        </li>
        <li>
          <div class="icon icon-lab"></div>
          <input type="text" readonly="readonly" value="lab">
        </li>
        <li>
          <div class="icon icon-list"></div>
          <input type="text" readonly="readonly" value="list">
        </li>
        <li>
          <div class="icon icon-mail4"></div>
          <input type="text" readonly="readonly" value="mail4">
        </li>
        <li>
          <div class="icon icon-mail3"></div>
          <input type="text" readonly="readonly" value="mail3">
        </li>
        <li>
          <div class="icon icon-keyboard"></div>
          <input type="text" readonly="readonly" value="keyboard">
        </li>
        <li>
          <div class="icon icon-image"></div>
          <input type="text" readonly="readonly" value="image">
        </li>
        <li>
          <div class="icon icon-key2"></div>
          <input type="text" readonly="readonly" value="key2">
        </li>
        <li>
          <div class="icon icon-key"></div>
          <input type="text" readonly="readonly" value="key">
        </li>
        <li>
          <div class="icon icon-home3"></div>
          <input type="text" readonly="readonly" value="home3">
        </li>
        <li>
          <div class="icon icon-home2"></div>
          <input type="text" readonly="readonly" value="home2">
        </li>
        <li>
          <div class="icon icon-home"></div>
          <input type="text" readonly="readonly" value="home">
        </li>
        <li>
          <div class="icon icon-history"></div>
          <input type="text" readonly="readonly" value="history">
        </li>
        <li>
          <div class="icon icon-indent-decrease"></div>
          <input type="text" readonly="readonly" value="indent-decrease">
        </li>
        <li>
          <div class="icon icon-indent-increase"></div>
          <input type="text" readonly="readonly" value="indent-increase">
        </li>
        <li>
          <div class="icon icon-info"></div>
          <input type="text" readonly="readonly" value="info">
        </li>
        <li>
          <div class="icon icon-info2"></div>
          <input type="text" readonly="readonly" value="info2">
        </li>
        <li>
          <div class="icon icon-insert-template"></div>
          <input type="text" readonly="readonly" value="insert-template">
        </li>
        <li>
          <div class="icon icon-italic"></div>
          <input type="text" readonly="readonly" value="italic">
        </li>
        <li>
          <div class="icon icon-laptop"></div>
          <input type="text" readonly="readonly" value="laptop">
        </li>
        <li>
          <div class="icon icon-last"></div>
          <input type="text" readonly="readonly" value="last">
        </li>
        <li>
          <div class="icon icon-location2"></div>
          <input type="text" readonly="readonly" value="location2">
        </li>
        <li>
          <div class="icon icon-location"></div>
          <input type="text" readonly="readonly" value="location">
        </li>
        <li>
          <div class="icon icon-map2"></div>
          <input type="text" readonly="readonly" value="map2">
        </li>
        <li>
          <div class="icon icon-menu"></div>
          <input type="text" readonly="readonly" value="menu">
        </li>
        <li>
          <div class="icon icon-menu2"></div>
          <input type="text" readonly="readonly" value="menu2">
        </li>
        <li>
          <div class="icon icon-lock"></div>
          <input type="text" readonly="readonly" value="lock">
        </li>
        <li>
          <div class="icon icon-lock2"></div>
          <input type="text" readonly="readonly" value="lock2">
        </li>
        <li>
          <div class="icon icon-meter"></div>
          <input type="text" readonly="readonly" value="meter">
        </li>
        <li>
          <div class="icon icon-meter2"></div>
          <input type="text" readonly="readonly" value="meter2">
        </li>
        <li>
          <div class="icon icon-loop"></div>
          <input type="text" readonly="readonly" value="loop">
        </li>
        <li>
          <div class="icon icon-left-to-right"></div>
          <input type="text" readonly="readonly" value="left-to-right">
        </li>
        <li>
          <div class="icon icon-loop2"></div>
          <input type="text" readonly="readonly" value="loop2">
        </li>
        <li>
          <div class="icon icon-minus"></div>
          <input type="text" readonly="readonly" value="minus">
        </li>
        <li>
          <div class="icon icon-mobile"></div>
          <input type="text" readonly="readonly" value="mobile">
        </li>
        <li>
          <div class="icon icon-loop3"></div>
          <input type="text" readonly="readonly" value="loop3">
        </li>
        <li>
          <div class="icon icon-library"></div>
          <input type="text" readonly="readonly" value="library">
        </li>
        <li>
          <div class="icon icon-libreoffice"></div>
          <input type="text" readonly="readonly" value="libreoffice">
        </li>
        <li>
          <div class="icon icon-mobile2"></div>
          <input type="text" readonly="readonly" value="mobile2">
        </li>
        <li>
          <div class="icon icon-mail"></div>
          <input type="text" readonly="readonly" value="mail">
        </li>
        <li>
          <div class="icon icon-lightning"></div>
          <input type="text" readonly="readonly" value="lightning">
        </li>
        <li>
          <div class="icon icon-link"></div>
          <input type="text" readonly="readonly" value="link">
        </li>
        <li>
          <div class="icon icon-mail2"></div>
          <input type="text" readonly="readonly" value="mail2">
        </li>
        <li>
          <div class="icon icon-music"></div>
          <input type="text" readonly="readonly" value="music">
        </li>
        <li>
          <div class="icon icon-drawer2"></div>
          <input type="text" readonly="readonly" value="drawer2">
        </li>
        <li>
          <div class="icon icon-arrow-up3"></div>
          <input type="text" readonly="readonly" value="arrow-up3">
        </li>
        <li>
          <div class="icon icon-arrow-up2"></div>
          <input type="text" readonly="readonly" value="arrow-up2">
        </li>
      </ul>
    </div><script type="text/javascript">
(function() {
  var glyphs, _i, _len, _ref;

  _ref = document.getElementsByClassName('glyphs');
  for (_i = 0, _len = _ref.length; _i < _len; _i++) {
    glyphs = _ref[_i];
    glyphs.addEventListener('click', function(event) {
      if (event.target.tagName === 'INPUT') {
        return event.target.select();
      }
    });
  }

}).call(this);
</script>
  </body>
</html>